.newProduct-flex-box {
    min-height: 17.786667rem;
    overflow-y: scroll;
    .newProduct-item {
        display: flex;
        // align-items: center;
        // justify-content: start;
        padding: 0.24rem;
        flex-direction: column;
      .top {
          display: flex;
          align-items: center;
        .itemImage {
            width: 3.52rem;
            height: 3.52rem;
            border-radius: 0.1rem;
          img {
              width: 100%;
              height: 100%;
              border-radius: 0.1rem;
  
          }
        }
    
        .item-right {
            margin-left: 0.4rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
          .right-top {
            .item-title {
              font-size: 0.426667rem;
              color: #333;
              font-weight: 700;
              line-height: 0.8rem;
            }
    
            .description {
              font-size: 0.32rem;
              color: #ababab;
              line-height: 0.8rem;
            }
          }
    
          .remaining {
              display: flex;
              align-items: center;
  
            .progress-bar {
                width: 2.4rem;
                height: 0.32rem;
                background-color: #ccc;
                border-radius: 0.64rem;
              .progress-percent {
                  height: 100%;
                  border-radius: .2rem;
                  background: linear-gradient(to right, rgb(255, 66, 93), rgb(237, 44, 72));
              }
            }
    
            span {
                font-size: 0.32rem;
                color: #333;
                margin-left: 0.96rem;
              .remain {
                  font-style: normal;
              }
            }
          }
  
          .bottom-text {
              width: 0.9rem;
              height: 0.48rem;
              background-color: rgba(255,68,102,.1);
              margin: 0.32rem 0 0.133333rem 0;
            .text {
                text-align: center;
                color: #ff4466;
                line-height: 0.48rem;
            }
         
          }
    
          .bottom-content {
              width: 5.44rem;
              display: flex;
              align-items: center;
              justify-content: space-between;
            .salePrice {
              font-size: 0.48rem;
              color: #ff4466;
              font-weight: 700;
              margin-left: 0.05rem;
  
            }
    
            .price {
              font-size: 0.32rem;
              color: #ababab;
              text-decoration: line-through;
              margin-left: -1rem;
            }
          }
    
          .buy {
              width: 1.706667rem;
              height: 0.586667rem;
              background-color: #ff4466;
              border-radius: 0.8rem;
            .toBuy {
              color: #fff;
              text-align: center;
              line-height: 0.586667rem;
            }
          }
        }
  
      }
      }
          .foot {
              display: flex;
              flex-direction: column;
              margin-top: 0.16rem;
            .user {
                display: flex;
                align-items: center;
                .userImg {
                    width: 0.6rem;
                    height: 0.6rem;
                    border-radius: 100%;
                img {
                    width: 100%;
                    height: 100%;
                    border-radius: 100%;
                }
              }
          
              p {
                font-size: 0.373333rem;
                color: #333;
                font-weight: 700;
                margin-left: 0.133333rem;
              }
            }
          
            .comment {
                line-height: 0.5rem;
                color: #aeaeae;
                font-size: 0.373333rem;
                margin-top: 0.133333rem;
                // 多行文本溢出
                display:-webkit-box;
                overflow:hidden;
                text-overflow:ellipsis;
                -webkit-line-clamp:1;
                -webkit-box-orient:vertical;
            }
          }
    
  }